/*-----------------[初始化]--------------*/
*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
body{color: #333;font-size: 12px;line-height: 1.5;font-family: "Microsoft YaHei", 微软雅黑, "PingFang SC", "Hiragino Sans GB", STHeiti, sans-serif;}
img{max-width: 100%;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input,textarea,select{font-size: 12px;color: #333;font-family: 'Microsoft Yahei';outline: 0;border: none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {display: none;}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #858585;}
::-moz-placeholder {color: #858585; }
::-ms-input-placeholder {color: #858585;}

.ani{
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}

/*布局*/
.wp{margin: 0 auto;width: 100%;max-width: 1200px;}

/*******************************
  -------[=头部]-------
********************************/
.header{
    position: absolute;
    left: 0;right: 0;
    top: 0;
    z-index: 99;
}
.header .wp{
    padding: 0 10px;
}
.header .logo{
    display: block;
    height: 83px;
    line-height: 83px;
    float: left;
}
.header .logo img{
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
}
/*******************************
    -------[=导航]-------
********************************/
.nav{
    float: right;
}
.nav li{
    float: left;
    padding: 25px 0;
    margin: 0 16px;
}
.nav li > a{
    display: block;
    height: 33px;
    line-height: 33px;
    font-size: 18px;
    color: #dad5d5;
}
.nav li:hover > a,.nav li.on > a{
    color: #fff;
}

/*******************************
    -------[=导航]-------
********************************/
.menuBtn {
    position: fixed;top: 18px;
    right: 15px;width: 22px;height: 20px;
    display: none;cursor: pointer;z-index: 100;
}
.menuBtn em {
    margin-bottom: 4px;
    display: block;
    height: 2px;
    background-color: #000;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
.menuBtn.on em {
    display: none;
    margin: -2px 0 0;
    position: absolute;
    top: 40%;
    width: 26px;
}
.menuBtn.on em:first-child {
    display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.on em:last-child {display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);}
#aside {
    position: fixed;
    top: 50px;left: 0;
    bottom: 0;width: 100%;
    background-color: rgba(0,0,0,.8);
    z-index: 110;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
#aside.open {
    visibility: visible;
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#aside .menu {
    position: absolute;
    top: 0;right: -60%;bottom: 0;
    background-color: #333;
    width: 60%;padding: 20px 0;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
#aside.open .menu{right: 0;}
#aside .menu > li > a{
    display: block;width: 100%;height: 40px;line-height: 39px;
    color: #fff;border-bottom: 1px solid rgba(255,255,255,.16);
    padding: 0 20px;
}
#aside .menu > li.on a{background-color: rgba(255,255,255,.03);}
#aside .menu .sub {padding: 5px 0;}
#aside .menu .sub a {padding-left: 30px;display: block;width: 100%;height: 36px;line-height: 36px;color: #fff;font-size: 14px;}
#aside .menu .sub a:hover,#aside .menu .sub a.on {color: #e83228;background-color: #1c1c1c;}

/*******************************
  -------[=底部]-------
********************************/
.footer{
    padding: 46px 0 40px;
    overflow: hidden;
    background-color: #3b3b3b;
    margin-top: 100px;
}
.footer.ft1{
    padding: 65px 0 40px;
}
.footer .logo{
    display: block;
    margin-bottom: 22px;
}
.footer .txt{
    font-size: 12px;
    color: #c3c3c3;
    line-height: 2em;
}
.footer .col-r{
    font-size: 12px;
    color: #c3c3c3;
    line-height: 2em;
}
.footer .col-r .tit{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}

.footer .bdshare-button-style0-32 a{
    float: none;
    display: inline-block;
}
.footer .bdshare-button-style0-32 a.bds_weixin{
    background: url(../images/ico-01.png) center center no-repeat;
}
.footer .bdshare-button-style0-32 a.bds_tsina{
    background: url(../images/ico-02.png) center center no-repeat;
}
.footer .copy{
    margin-top: 20px;
}
.footer .wp .col-l .txt a{
   font-size: 12px;color: #c3c3c3; line-height: 2em;
}

/*
-----------------[弹窗]--------------*/
.video-play{
    position: fixed;
    left: 0;top: -2000px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0,0,0,.7);
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
.video-play.open{
    top: 0;
}
.video-play .video{
    position: absolute;
    top: 50%;left: 50%;
    width: 90%;
    max-width: 1080px;
    transform: translate(-50%,-50%);
}
.video-play video {
    width: 100%;
    height: auto;
}
.video-play video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
.video-play video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

.video-play .close {
    position: absolute;
    top: -25px;
    right: 0;
    cursor: pointer;
    color: white;
    width: 20px;
    height: 20px;
    background: url(../images/cancel.png);
    background-size: 100% 100%;
}
.pic-pop{
    position: fixed;
    left: 0;top: -2000px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0,0,0,.7);
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
.pic-pop.open{
    top: 0;
}
.pic-pop .box{
    position: absolute;
    top: 50%;left: 50%;
    width: 90%;
    max-width: 1200px;
    transform: translate(-50%,-50%);
}
.pic-pop .close {
    position: absolute;
    top: -25px;
    right: 0;
    cursor: pointer;
    color: white;
    width: 20px;
    height: 20px;
    background: url(../images/cancel.png);
    background-size: 100% 100%;
}
.pic-slick1{
    padding: 24px 24px 0 24px;
    background-color: #fff;
}
.pic-slick1 .item{
    border: none;
    outline: none;
}
.pic-slick1 .item img{
    display: block;
    width: 100%;
}
.pic-slick1 .item .txt{
    padding: 35px 0;
    font-size: 20px;
    line-height: 1.5em;
    color: #222;
}
.pic-slick1 .slick-arrow{
    position: absolute;
    cursor: pointer;
    font-size: 0;
    border: none;
    outline: none;
    top: 50%;bottom: 0;
    width: 20px;
    height: 32px;
    margin-top: -16px;
    z-index: 2;
    opacity: 0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.pic-slick1 .slick-prev{
    left: 34px;
    background: url(../images/prev.png) center center no-repeat;
}
.pic-slick1 .slick-next{
    right: 34px;
    background: url(../images/next.png) center center no-repeat;
}
.pic-slick1:hover .slick-arrow{
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.bd_weixin_popup{
    width: 260px !important;
    height: 290px !important;
}


.side-float{
    position: fixed;
    bottom: 30%;
    right: 0;
    z-index: 99;
    transform: translateY(-50%);
}
.side-float a{
    display: block;
    width: 48px;
    height: 48px;
    margin-bottom: 2px;
}
.side-float .a1{
    background: #a09ca1 url(../images/ico-side01.png) center center no-repeat;
    background-size: 30px auto;
}
.side-float .a2{
    background: #a09ca1 url(../images/ico-side02.png) center center no-repeat;
    background-size: 30px auto;
}
.side-float .a3{
    background: #a09ca1 url(../images/ico-side03.png) center center no-repeat;
    background-size: 30px auto;
}
.side-float .a4{
    background: #a09ca1 url(../images/ico-side04.png) center center no-repeat;
    background-size: 30px auto;
}
.side-float a:hover{
    background-color: #bbb;
}


.side-float .qr{
    position: absolute;
    width: 120px;
    height: 120px;
    background-color: #fff;
    padding: 5px;
    box-shadow: 0px 2px 10px rgba(0,0,0,.1);
    left: -130px;
    top: 40px;
    opacity: 0;
    visibility: hidden;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.side-float .a2:hover + .qr{
    opacity: 1;
    visibility: visible;
}
.side-float .qr img{
    display: block;
    width: 100%;
    height: 100%;
}
.bd_weixin_popup{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}